<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>NCUT 猫</title>
    <!-- jquery -->
    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/jquery.form.js"></script>
    <!-- popper -->
    <script src="./lib/popper.min.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-theme.min.css">
    <script src="./lib/bootstrap.min.js"></script>
    <script src="./lib/bootstrap.bundle.min.js"></script>
    <!-- marked -->
    <script src="./lib/marked.min.js"></script>
    <!-- vue -->
    <script src="./lib/vue.js"></script>
    <!-- js -->
    <script src="./js/ConstData.js"></script>
    <script src="./js/navManager.js"></script>
    <script src="./js/tool.js"></script>
    <script src="./js/follow.js"></script>
    <script src="./js/threads.js"></script>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./css/mainFrame.css">
    <link rel="stylesheet" type="text/css" href="./css/threads.css">
    <!-- icon -->
    <script src="./icon/iconfont.js"></script>
    <style type="text/css">
    .icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
    </style>
</head>

<body>
    <div id="thread_img" class="carousel slide" data-bs-ride="carousel" style="display: none;">
        <!-- 指示符 -->
        <ul class="carousel-indicators">
            <li data-bs-target="#thread_img" data-bs-slide-to="0" class="active"></li>
            <li data-bs-target="#thread_img" data-bs-slide-to="1"></li>
            <li data-bs-target="#thread_img" data-bs-slide-to="2"></li>
        </ul>
        <!-- 轮播图片 -->
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div style="background:url(https://placehold.it/64x128&text=IMG1) no-repeat center / contain"></div>
            </div>
            <div class="carousel-item">
                <div style="background:url(https://placehold.it/64x128&text=IMG2) no-repeat center / contain"></div>
            </div>
            <div class="carousel-item">
                <div style="background:url(https://placehold.it/64x128&text=IMG3) no-repeat center / contain"></div>
            </div>
        </div>
    </div>
    <div id="head_content">
        <img id="head_sculpture" src="https://placehold.it/64x64&text=USER" />
        <span id="user_name">--</span>
        <span id="threads_time">--</span>
        <svg id="thread_forward" class="icon" aria-hidden="true" onclick="share(this)">
            <use xlink:href="#icon-zhuanfa"></use>
        </svg>
        <button id="user_follow" type="button" class="btn" onclick="callFollowBtn(this,threadUserInfo&&threadUserInfo.uid)">关注</button>
        <span id="thread_love_box"onclick="like(this,$('#thread_love_amount'))">
            <svg id="thread_love" class="icon" aria-hidden="true">
                <use xlink:href="#icon-heart"></use>
            </svg>
            <span id="thread_love_amount">0</span>
        </span>
    </div>
    <span id="thread_title">--</span>
    <span id="thread_content_show" style="display: none;">收起</span>
    <span id="thread_content">加载中...</span>
    <hr>
    <span id="thread_modify_content">最后编辑于: <span id="thread_modify">--</span></span>
    <br>
    <span id="thread_tags"></span>
    <br>
    <a id="editor" style="display: none;" href="javascript:location.href='/public/editor.html?tid='+id"><span class="capsule small">编辑</span></a>
    <br>
    <span class="main-content module-list" id="comment">
        <span class="title">热门评论</span>
        <span class="module l-module comment">
            <img class="sketch" src="https://placehold.it/64x64&text=USER" />
            <span class="user_name">yuanlu</span>
            <span class="time">2020-01-01 19:24:12</span><br>
            <span class="text">总之就是用户配的评论文字内容</span>
            <span class="love">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-heart"></use>
                </svg>
                <br>
                <span class="love-amount">1314</span>
            </span>
        </span>
        <span class="module l-module comment">
            <img class="sketch" src="https://placehold.it/64x64&text=USER" />
            <span class="user_name">yuanlu</span>
            <span class="time">2020-01-01 19:24:12</span><br>
            <span class="text">总之就是用户配的评论文字内容</span>
            <span class="love">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-heart"></use>
                </svg>
                <br>
                <span class="love-amount">1314</span>
            </span>
            <div class="reply-list">
                <div class="reply">
                    <img class="sketch" src="https://placehold.it/64x64&text=USER" />
                    <span class="user_name">
                        <span class="sender">yuanlu</span> 回复 <span class="receiver">元路</span>
                    </span>
                    <span class="time">2020-01-01 19:24:12</span><br>
                    <span class="text">总之就是用户配的评论文字内容</span>
                    <span class="love">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-heart"></use>
                        </svg>
                        <br>
                        <span class="love-amount">1314</span>
                    </span>
                </div>
                <div class="reply">
                    <img class="sketch" src="https://placehold.it/64x64&text=USER" />
                    <span class="user_name">
                        <span class="sender">yuanlu</span> 回复 <span class="receiver">元路</span>
                    </span>
                    <span class="time">2020-01-01 19:24:12</span><br>
                    <span class="text">总之就是用户配的评论文字内容总之就是用户配的评论文字内容总之就是用户配的评论文字内容总之就是用户配的评论文字内容总之就是用户配的评论文字内容总之就是用户配的评论文字内容</span>
                    <span class="love">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-heart"></use>
                        </svg>
                        <br>
                        <span class="love-amount">1314</span>
                    </span>
                </div>
            </div>
        </span>
        <div class="tab-bar-blank">&nbsp;</div>
    </span>
    <div class="tab-bar">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-pencil"></use>
        </svg>
        <input type="text" name="write_comment" />
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-heart"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-star"></use>
        </svg>
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-msg"></use>
        </svg>
    </div>
</body>

</html>